<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- Viewport-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
    <!-- SEO Meta Tags-->
    <meta name="keywords" content="quicky, chat, messenger, conversation, social, communication" />
    <meta name="description" content="Quicky is a Bootstrap based modern and fully responsive Messaging template to help build Messaging or Chat application fast and easy." />
    <meta name="subject" content="communication">
    <meta name="copyright" content="frontendmatters">
    <meta name="revised" content="Sunday, July 18th, 2010, 5:15 pm" />
    <title>{:$data['name']}</title>
    <!-- Favicon and Touch Icons-->
    <link rel="apple-touch-icon" sizes="180x180" href="./../apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="./../favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="./../favicon-16x16.png">
    <link rel="shortcut icon" href="./../favicon.ico" />
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" type="text/css" href="__STATIC__/admin/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/admin/css/bootstrap.min.css">
    <link rel="stylesheet" href="__STATIC__/index/webfonts/inter/inter.css"> 
    <link rel="stylesheet" href="__STATIC__/index/css/app.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/common/cch.css">


    <style type="text/css">
        #chatContactsList {background: url('__STATIC__/index/theme.ff3f4d0f.png');background-position: center;background-size: 60% auto;background-repeat: no-repeat;}
        #initChats {background: url('__STATIC__/index/empty.787e1a1d.png');background-position: center;background-size: 60% auto;background-repeat: no-repeat;}
        #messageBody {background: url('__STATIC__/index/empty.787e1a1d.png');background-position: center;background-size: 60% auto;background-repeat: no-repeat;}

        /*自动换行*/
        .message-content {white-space: pre-line;}

        .table-bordered th {padding: 10px;}
        .table-bordered td {padding:0 10px 0 10px;}
    </style>
</head>

<body class="profile-tab-open">

    <!-- Main Layout Start -->
    <div class="main-layout">
        <!-- Navigation Start -->
        {include file="html/menu" /}
        <!-- Navigation End -->


        <!-- Main Start -->
        <main class="main main-visible" style="z-index:1021;">






            <!-- Profile Settings Start -->
            <div class="profile">
                <div class="page-main-heading sticky-top py-2 px-3 mb-3">

                    <!-- Chat Back Button (Visible only in Small Devices) -->
                    <a class="btn btn-secondary btn-icon btn-minimal btn-sm text-muted d-xl-none" type="button" href="{:url('agent/agent/index')}">
                        <svg class="hw-20" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
                          </svg>
                        <!-- <img class="injectable hw-20" src="__STATIC__/index/media/heroicons/outline/arrow-left.svg" alt=""> -->
                    </a>

                    <div class="pl-2 pl-xl-0">
                        <h5 class="font-weight-semibold">联系我们</h5>
                        <p class="text-muted mb-0">提交联系信息</p>
                    </div>
                </div>
                <style type="text/css">
                    .text-red {color: red;}
                </style>

                <div class="container-xl px-2 px-sm-3">
                    <div class="row">
                        <div class="col">
                            <div class="card mb-3">
                                <div class="card-header">
                                    <h6 class="mb-1">填写信息</h6>
                                    <p class="mb-0 text-muted small">请提交联系信息和需求，我们将尽快与您联系</p>
                                </div>
                                
                                <div class="card-body">
                                    <form id="profile_form">
                                        <div class="row">

                                            <div class="col-md-6 col-12">
                                                <div class="form-group">
                                                    <label for="truename"><span class="text-red">*</span>姓名</label>
                                                    <input type="text" class="form-control form-control-md" id="truename" name="truename" placeholder="请输入您的姓名" value="">
                                                </div>
                                            </div>
                                         
                                            <div class="col-md-6 col-12">
                                                <div class="form-group">
                                                    <label for="mobile"><span class="text-red">*</span>手机号码</label>
                                                    <input type="text" class="form-control form-control-md" id="mobile" name="mobile" placeholder="请输入您的手机号码" value="" >
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-12">
                                                <div class="form-group">
                                                    <label for="email">Email</label>
                                                    <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="请输入您的邮箱地址" value="">
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-12">
                                                <div class="form-group">
                                                    <label for="company">公司名称</label>
                                                    <input type="text" class="form-control form-control-md" id="company" name="company" placeholder="请输入您的公司名称" value="">
                                                </div>
                                            </div>
                                            <div class="col-12">
                                                <div class="form-group">
                                                    <label for="remark">需求 & 建议</label>
                                                    <input type="text" class="form-control form-control-md" id="remark" name="remark" placeholder="请输入你的需求或者对我们建议" value="">
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>

                                <div class="card-footer d-flex justify-content-end">
                                    <!-- <button type="button" class="btn btn-link text-muted mx-1">Reset</button> -->
                                    <button type="button" class="btn btn-primary profile_btn">保 存</button>
                                </div>
                            </div>

                       
                        </div>
                    </div>
                </div>
            </div>
            <!-- Profile Settings End -->

        </main>
        <!-- Main End -->

        <!-- All Modals Start -->



        <!-- All Modals End -->
    </div>
    <!-- Main Layout End -->
  

    <!-- Javascript Files -->
    <script src="__STATIC__/index/vendors/jquery/jquery-3.5.0.min.js"></script>
    <script src="__STATIC__/index/vendors/bootstrap/bootstrap.bundle.min.js"></script>
    <script src="__STATIC__/index/vendors/magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="__STATIC__/index/vendors/svg-inject/svg-inject.min.js"></script>
    <script src="__STATIC__/index/vendors/modal-stepes/modal-steps.min.js"></script>
    <script src="__STATIC__/index/js/app.min.js"></script>
    <script type="text/javascript" src="__STATIC__/admin/js/lyear-loading.js"></script><!-- loading -->

    <script type="text/javascript" src="__STATIC__/common/clipboard.min.js"></script>
    <script src="__STATIC__/common/cch.js"></script>
    <script type="text/javascript" src="__STATIC__/common/cch-util.js"></script>





    <script type="text/javascript">
        $(function(){


            $(".profile_btn").on('click',function(){
                var params = $("#profile_form").serialize();
                $.ajax({
                    url:'{:url("agent_form/save")}',
                    data:params,
                    type:'post',
                    dataType:'json',
                    success:function(data){
                      console.log(data)
                      if (data.code == '2000') {
                        cchUtil.message('提交成功，我们将尽快与您联系');
                        showUinfo();
                      }else{
                        cchUtil.message(data.msg,'danger');
                      }
                    }
                });
            });

        });


    </script>

</body>

</html>